<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width">
    <title>${sys.sortName!''} </title>
    
	<script type="text/javascript">
	if (self != top) {  //主页不允许在iframe中
		top.window.location.reload();
	}
	</script>

    <link rel="stylesheet" type="text/css" href="${basePath}/login/dcmm/css/login-min.css">
    
    <style type="text/css">
        .estrela {
            background-color: white;
            border-radius: 50%;
            position: absolute;
            animation-name: estrela;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        .estrela.style1 {
            animation-duration: 0.5s;
            animation-name: estrela;
        }

        .estrela.style2 {
            animation-duration: 1s;
            animation-name: estrela;
        }

        .estrela.style3 {
            animation-duration: 1.5s;
            animation-name: estrela;
        }

        .estrela.style4 {
            animation-duration: 2s;
            animation-name: estrelaDestacada;
        }

        .estrela.tam1 {
            width: 1px;
            height: 1px;
        }

        .estrela.tam2 {
            width: 2px;
            height: 2px;
        }

        .estrela.tam3 {
            width: 3px;
            height: 3px;
        }

        .estrela.opacity1 {
            opacity: 1;
        }

        .estrela.opacity2 {
            opacity: .5;
        }

        .estrela.opacity3 {
            opacity: .1;
        }


        @keyframes estrela {
            0% {
                box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.05);
            }
            50% {
                box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.4);
            }
            100% {
                box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.05);
            }
        }

        @keyframes estrelaDestacada {
            0% {
                background-color: #FFFFFF;
                box-shadow: 0 0 10px 0px rgba(255, 255, 255, 1);
            }
            20% {
                background-color: #FFC4C4;
                box-shadow: 0 0 10px 0px rgb(255, 196, 196, 1);
            }
            80% {
                background-color: #C4CFFF;
                box-shadow: 0 0 10px 0px rgb(196, 207, 255, 1);
            }
            100% {
                background-color: #FFFFFF;
                box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.2);
            }
        }
    </style>
    <link rel="stylesheet" type="text/css" href="${basePath}/login/dcmm/css/login-style.css">
  
    <script type="text/javascript" src="${basePath}/res/js/jquery-easyui/jquery.min.js"></script>
    <script type="text/javascript" src="${basePath}/res/js/jquery-easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${basePath}/res/js/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="${basePath}/res/js/common.js"></script>
    
</head>
<body>

    <div class="screens" id="screens">
        
        <!-- header -->
        <div class="first-screen">
            <div class="bg" id="skin-bg">
                <div id="skyContainer" style="width: 100%; height: 218px; position: absolute; overflow: hidden; z-index: 99999;">
                    <span class="estrela style4 opacity1 tam1" style="animation-delay: .0s; left: 603px; top: 113px;"></span>
                    <span class="estrela style2 opacity1 tam1" style="animation-delay: .0s; left: 828px; top: 208px;"></span>
                    <span class="estrela style4 opacity1 tam1" style="animation-delay: .8s; left: 772px; top: 210px;"></span>
                    <span class="estrela style2 opacity3 tam2" style="animation-delay: .5s; left: 1795px; top: 84px;"></span>
                    <span class="estrela style3 opacity3 tam2" style="animation-delay: .7s; left: 575px; top: 184px;"></span>
                    <span class="estrela style2 opacity1 tam2" style="animation-delay: .6s; left: 1206px; top: 70px;"></span>
                    <span class="estrela style4 opacity3 tam1" style="animation-delay: .5s; left: 218px; top: 44px;"></span>
                    <span class="estrela style4 opacity1 tam3" style="animation-delay: .3s; left: 959px; top: 175px;"></span>
                    <span class="estrela style2 opacity3 tam3" style="animation-delay: .3s; left: 1058px; top: 27px;"></span>
                    <span class="estrela style1 opacity2 tam2" style="animation-delay: .0s; left: 439px; top: 133px;"></span>
                    <span class="estrela style4 opacity3 tam1" style="animation-delay: .4s; left: 612px; top: 108px;"></span>
                    <span class="estrela style1 opacity1 tam1" style="animation-delay: .8s; left: 1329px; top: 198px;"></span>
                    <span class="estrela style4 opacity1 tam3" style="animation-delay: .5s; left: 517px; top: 188px;"></span>
                    <span class="estrela style3 opacity1 tam2" style="animation-delay: .2s; left: 133px; top: 211px;"></span>
                    <span class="estrela style1 opacity1 tam1" style="animation-delay: .4s; left: 1284px; top: 15px;"></span>
                    <span class="estrela style2 opacity1 tam1" style="animation-delay: .3s; left: 204px; top: 15px;"></span>
                    <span class="estrela style3 opacity2 tam3" style="animation-delay: .3s; left: 176px; top: 209px;"></span>
                    <span class="estrela style3 opacity1 tam3" style="animation-delay: .4s; left: 1461px; top: 140px;"></span>
                    <span class="estrela style3 opacity3 tam2" style="animation-delay: .3s; left: 59px; top: 40px;"></span>
                    <span class="estrela style2 opacity2 tam3" style="animation-delay: .2s; left: 344px; top: 35px;"></span>
                    <span class="estrela style3 opacity1 tam2" style="animation-delay: .7s; left: 1447px; top: 78px;"></span>
                    <span class="estrela style4 opacity3 tam1" style="animation-delay: .2s; left: 488px; top: 160px;"></span>
                    <span class="estrela style4 opacity1 tam2" style="animation-delay: .2s; left: 691px; top: 184px;"></span>
                    <span class="estrela style4 opacity1 tam3" style="animation-delay: .2s; left: 1063px; top: 110px;"></span>
                    <span class="estrela style4 opacity1 tam2" style="animation-delay: .5s; left: 372px; top: 217px;"></span>
                    <span class="estrela style4 opacity3 tam3" style="animation-delay: .7s; left: 624px; top: 17px;"></span>
                    <span class="estrela style2 opacity1 tam2" style="animation-delay: .3s; left: 1371px; top: 33px;"></span>
                    <span class="estrela style1 opacity2 tam2" style="animation-delay: .8s; left: 385px; top: 88px;"></span>
                    <span class="estrela style2 opacity1 tam1" style="animation-delay: .2s; left: 1506px; top: 107px;"></span>
                    <span class="estrela style4 opacity2 tam1" style="animation-delay: .5s; left: 1134px; top: 141px;"></span>
                    <span class="estrela style2 opacity1 tam1" style="animation-delay: .2s; left: 966px; top: 37px;"></span>
                    <span class="estrela style3 opacity2 tam1" style="animation-delay: .1s; left: 902px; top: 15px;"></span>
                    <span class="estrela style3 opacity2 tam1" style="animation-delay: .7s; left: 1614px; top: 106px;"></span>
                    <span class="estrela style1 opacity2 tam1" style="animation-delay: .2s; left: 375px; top: 22px;"></span>
                    <span class="estrela style4 opacity3 tam1" style="animation-delay: .0s; left: 573px; top: 177px;"></span>
                    <span class="estrela style4 opacity1 tam3" style="animation-delay: .1s; left: 830px; top: 79px;"></span>
                    <span class="estrela style1 opacity2 tam2" style="animation-delay: .5s; left: 1444px; top: 144px;"></span>
                    <span class="estrela style3 opacity1 tam1" style="animation-delay: .2s; left: 654px; top: 90px;"></span>
                    <span class="estrela style4 opacity1 tam1" style="animation-delay: .7s; left: 1448px; top: 147px;"></span>
                    <span class="estrela style3 opacity1 tam3" style="animation-delay: .0s; left: 25px; top: 46px;"></span>
                    <span class="estrela style4 opacity1 tam2" style="animation-delay: .3s; left: 243px; top: 201px;"></span>
                    <span class="estrela style2 opacity2 tam2" style="animation-delay: .4s; left: 1064px; top: 1px;"></span>
                    <span class="estrela style3 opacity3 tam1" style="animation-delay: .2s; left: 245px; top: 103px;"></span>
                    <span class="estrela style3 opacity3 tam3" style="animation-delay: .3s; left: 533px; top: 65px;"></span>
                    <span class="estrela style1 opacity2 tam1" style="animation-delay: .3s; left: 1694px; top: 92px;"></span>
                    <span class="estrela style1 opacity1 tam3" style="animation-delay: .5s; left: 703px; top: 7px;"></span>
                    <span class="estrela style1 opacity2 tam1" style="animation-delay: .6s; left: 263px; top: 70px;"></span>
                    <span class="estrela style3 opacity1 tam3" style="animation-delay: .5s; left: 41px; top: 31px;"></span>
                    <span class="estrela style2 opacity2 tam1" style="animation-delay: .5s; left: 1714px; top: 69px;"></span>
                    <span class="estrela style3 opacity1 tam2" style="animation-delay: .3s; left: 446px; top: 42px;"></span>
                    <span class="estrela style2 opacity2 tam1" style="animation-delay: .0s; left: 1714px; top: 71px;"></span>
                    <span class="estrela style3 opacity2 tam1" style="animation-delay: .6s; left: 1852px; top: 91px;"></span>
                    <span class="estrela style3 opacity1 tam2" style="animation-delay: .4s; left: 935px; top: 180px;"></span>
                    <span class="estrela style1 opacity2 tam1" style="animation-delay: .3s; left: 469px; top: 207px;"></span>
                    <span class="estrela style2 opacity2 tam3" style="animation-delay: .0s; left: 451px; top: 46px;"></span>
                    <span class="estrela style2 opacity3 tam1" style="animation-delay: .7s; left: 1588px; top: 106px;"></span>
                    <span class="estrela style1 opacity2 tam3" style="animation-delay: .1s; left: 32px; top: 61px;"></span>
                    <span class="estrela style4 opacity2 tam3" style="animation-delay: .0s; left: 399px; top: 100px;"></span>
                    <span class="estrela style1 opacity2 tam1" style="animation-delay: .3s; left: 756px; top: 7px;"></span>
                    <span class="estrela style2 opacity1 tam2" style="animation-delay: .5s; left: 964px; top: 4px;"></span>
                    <span class="estrela style4 opacity1 tam1" style="animation-delay: .4s; left: 307px; top: 42px;"></span>
                    <span class="estrela style3 opacity1 tam2" style="animation-delay: .8s; left: 1376px; top: 216px;"></span>
                    <span class="estrela style2 opacity3 tam1" style="animation-delay: .2s; left: 970px; top: 106px;"></span>
                    <span class="estrela style2 opacity1 tam2" style="animation-delay: .1s; left: 366px; top: 31px;"></span>
                    <span class="estrela style1 opacity3 tam2" style="animation-delay: .7s; left: 971px; top: 80px;"></span>
                    <span class="estrela style3 opacity1 tam1" style="animation-delay: .6s; left: 431px; top: 132px;"></span>
                    <span class="estrela style2 opacity2 tam3" style="animation-delay: .0s; left: 468px; top: 42px;"></span>
                    <span class="estrela style2 opacity1 tam1" style="animation-delay: .8s; left: 622px; top: 108px;"></span>
                    <span class="estrela style2 opacity1 tam1" style="animation-delay: .7s; left: 690px; top: 127px;"></span>
                    <span class="estrela style1 opacity1 tam3" style="animation-delay: .6s; left: 1322px; top: 28px;"></span>
                    <span class="estrela style2 opacity2 tam3" style="animation-delay: .3s; left: 1595px; top: 33px;"></span>
                    <span class="estrela style1 opacity1 tam2" style="animation-delay: .6s; left: 489px; top: 164px;"></span>
                    <span class="estrela style2 opacity2 tam2" style="animation-delay: .0s; left: 818px; top: 213px;"></span>
                    <span class="estrela style1 opacity1 tam1" style="animation-delay: .0s; left: 161px; top: 98px;"></span>
                    <span class="estrela style3 opacity3 tam2" style="animation-delay: .6s; left: 1794px; top: 48px;"></span>
                    <span class="estrela style4 opacity3 tam2" style="animation-delay: .4s; left: 783px; top: 3px;"></span>
                    <span class="estrela style4 opacity2 tam2" style="animation-delay: .6s; left: 86px; top: 118px;"></span>
                    <span class="estrela style4 opacity2 tam2" style="animation-delay: .7s; left: 270px; top: 172px;"></span>
                    <span class="estrela style4 opacity1 tam1" style="animation-delay: .4s; left: 47px; top: 164px;"></span>
                    <span class="estrela style1 opacity2 tam1" style="animation-delay: .1s; left: 1791px; top: 50px;"></span>
                    <span class="estrela style3 opacity1 tam3" style="animation-delay: .8s; left: 1026px; top: 187px;"></span>
                    <span class="estrela style2 opacity1 tam1" style="animation-delay: .8s; left: 1186px; top: 70px;"></span>
                    <span class="estrela style4 opacity1 tam1" style="animation-delay: .5s; left: 1757px; top: 170px;"></span>
                    <span class="estrela style3 opacity1 tam1" style="animation-delay: .7s; left: 512px; top: 68px;"></span>
                    <span class="estrela style1 opacity1 tam1" style="animation-delay: .8s; left: 714px; top: 7px;"></span>
                    <span class="estrela style1 opacity2 tam2" style="animation-delay: .2s; left: 211px; top: 135px;"></span>
                    <span class="estrela style1 opacity2 tam2" style="animation-delay: .1s; left: 364px; top: 158px;"></span>
                    <span class="estrela style4 opacity2 tam1" style="animation-delay: .1s; left: 1584px; top: 22px;"></span>
                    <span class="estrela style1 opacity1 tam2" style="animation-delay: .7s; left: 798px; top: 13px;"></span>
                    <span class="estrela style3 opacity1 tam2" style="animation-delay: .6s; left: 1160px; top: 21px;"></span>
                    <span class="estrela style3 opacity3 tam3" style="animation-delay: .8s; left: 505px; top: 164px;"></span>
                    <span class="estrela style2 opacity1 tam3" style="animation-delay: .2s; left: 807px; top: 98px;"></span>
                    <span class="estrela style3 opacity2 tam1" style="animation-delay: .3s; left: 1362px; top: 22px;"></span>
                    <span class="estrela style3 opacity2 tam2" style="animation-delay: .5s; left: 1367px; top: 43px;"></span>
                    <span class="estrela style2 opacity1 tam1" style="animation-delay: .4s; left: 197px; top: 36px;"></span>
                    <span class="estrela style1 opacity2 tam1" style="animation-delay: .3s; left: 461px; top: 151px;"></span>
                    <span class="estrela style4 opacity1 tam1" style="animation-delay: .3s; left: 589px; top: 66px;"></span>
                    <span class="estrela style4 opacity1 tam3" style="animation-delay: .4s; left: 684px; top: 62px;"></span>
                    <span class="estrela style3 opacity2 tam1" style="animation-delay: .8s; left: 1472px; top: 17px;"></span>
                    <span class="estrela style4 opacity1 tam1" style="animation-delay: .4s; left: 1087px; top: 175px;"></span>
                    <span class="estrela style2 opacity1 tam3" style="animation-delay: .6s; left: 6px; top: 202px;"></span>
                    <span class="estrela style1 opacity2 tam1" style="animation-delay: .7s; left: 14px; top: 84px;"></span>
                    <span class="estrela style4 opacity2 tam2" style="animation-delay: .1s; left: 1230px; top: 116px;"></span>
                    <span class="estrela style2 opacity2 tam2" style="animation-delay: .5s; left: 1663px; top: 100px;"></span>
                    <span class="estrela style2 opacity3 tam3" style="animation-delay: .3s; left: 1451px; top: 186px;"></span>
                    <span class="estrela style1 opacity1 tam1" style="animation-delay: .1s; left: 1088px; top: 155px;"></span>
                    <span class="estrela style3 opacity1 tam3" style="animation-delay: .5s; left: 684px; top: 86px;"></span>
                    <span class="estrela style4 opacity2 tam1" style="animation-delay: .4s; left: 1656px; top: 129px;"></span>
                    <span class="estrela style1 opacity1 tam2" style="animation-delay: .8s; left: 626px; top: 136px;"></span>
                    <span class="estrela style4 opacity3 tam2" style="animation-delay: .0s; left: 809px; top: 201px;"></span>
                    <span class="estrela style4 opacity1 tam1" style="animation-delay: .2s; left: 346px; top: 97px;"></span>
                    <span class="estrela style2 opacity1 tam2" style="animation-delay: .0s; left: 65px; top: 109px;"></span>
                    <span class="estrela style3 opacity1 tam1" style="animation-delay: .0s; left: 1055px; top: 154px;"></span>
                    <span class="estrela style2 opacity2 tam1" style="animation-delay: .7s; left: 829px; top: 194px;"></span>
                    <span class="estrela style3 opacity2 tam1" style="animation-delay: .3s; left: 975px; top: 213px;"></span>
                    <span class="estrela style3 opacity1 tam1" style="animation-delay: .5s; left: 1435px; top: 47px;"></span>
                    <span class="estrela style4 opacity1 tam1" style="animation-delay: .2s; left: 1589px; top: 40px;"></span>
                    <span class="estrela style3 opacity3 tam2" style="animation-delay: .3s; left: 1235px; top: 113px;"></span>
                    <span class="estrela style1 opacity2 tam1" style="animation-delay: .0s; left: 1073px; top: 182px;"></span>
                    <span class="estrela style1 opacity1 tam3" style="animation-delay: .0s; left: 1546px; top: 182px;"></span>
                </div>
              
                <img class="web_bg" src="${basePath}/login/dcmm/images/login_screen1_bg.jpg">
            </div>
            <div class="mask-full" style="opacity: 0;"></div>
            
            <!-- <h1 class="logo">DCMM</h1> -->
            <h1 class="">DCMM</h1>
           
            <div class="content">
                <div class="galaxy" style="top:100px">
                    <svg width="1352" height="522">
                        <defs>
                            <pattern id="networkBg" patternUnits="userSpaceOnUse" width="100%" height="100%">
                                <!-- <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="./img/network-3.0.png" x="0" y="0" width="1352" height="522"></image> -->
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="${basePath}/login/dcmm/images/network-3.0.png" x="0" y="0" width="1352" height="522"></image>
                            </pattern>
                            <pattern id="BImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/1521899825_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="OImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/2450336988_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="SImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/966794019_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="JImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/1316842008_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="RImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/116802841_100100/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="IImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/1620321275_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="DImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/2217353718_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="EImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/1165751752_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="GImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/1570640039_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="HImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/768710119_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="QImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/2001571461_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="NImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/1272996858_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="MImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/1987725421_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="PImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/325405036_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="TImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/395661467_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="LImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/1986912126_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="FImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/1399349558_200200/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                            <pattern id="CImage" patternContentUnits="objectBoundingBox" preserveAspectRatio="xMinYMax meet" height="1" width="1" x="0"
                                y="0">
                                <image xmlns:xlink="http:http://www.w3.org/1999/xlink" xlink:href="http://inews.gtimg.com/newsapp_ls/0/182000007_100100/0"
                                    preserveAspectRatio="xMinYMax meet" width="1" height="1" x="0" y="0"></image>
                            </pattern>
                        </defs>

                        <rect width="1352" height="522" style="fill:url(#networkBg);stroke-width:1;stroke:none"></rect>


                        <g class="node" id="B">
                            <circle class="waveNode" r="3" fill="none" cx="395" cy="113" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="395" cy="113" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="395" cy="113" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="395" cy="113" style="cursor: pointer; fill: url(&quot;#BImage&quot;);"></circle>
                        </g>

                        <g class="node" id="C">
                            <circle class="waveNode" r="3" fill="none" cx="302" cy="122" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="1"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="302" cy="122" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="302" cy="122" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="4.447959999999963" fill-opacity="0.22239799999999812" cx="302" cy="122" style="cursor: pointer; fill: url(&quot;#CImage&quot;);"></circle>
                        </g>

                        <g class="node" id="D">
                            <circle class="waveNode" r="3" fill="none" cx="209" cy="197" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="209" cy="197" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="209" cy="197" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="209" cy="197" style="cursor: pointer; fill: url(&quot;#DImage&quot;);"></circle>
                        </g>

                        <g class="node" id="E">
                            <circle class="waveNode" r="3" fill="none" cx="120" cy="264" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="120" cy="264" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="120" cy="264" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="120" cy="264" style="cursor: pointer; fill: url(&quot;#EImage&quot;);"></circle>
                        </g>

                        <g class="node" id="F">
                            <circle class="waveNode" r="3" fill="none" cx="360" cy="191" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="360" cy="191" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="360" cy="191" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="360" cy="191" style="cursor: pointer; fill: url(&quot;#FImage&quot;);"></circle>
                        </g>

                        <g class="node" id="G">
                            <circle class="waveNode" r="3" fill="none" cx="240" cy="213" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="240" cy="213" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="240" cy="213" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="240" cy="213" style="cursor: pointer; fill: url(&quot;#GImage&quot;);"></circle>
                        </g>

                        <g class="node" id="H">
                            <circle class="waveNode" r="3" fill="none" cx="151" cy="347" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="151" cy="347" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="151" cy="347" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="151" cy="347" style="cursor: pointer; fill: url(&quot;#HImage&quot;);"></circle>
                        </g>

                        <g class="node" id="I">
                            <circle class="waveNode" r="3" fill="none" cx="247" cy="320" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="247" cy="320" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="247" cy="320" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="247" cy="320" style="cursor: pointer; fill: url(&quot;#IImage&quot;);"></circle>
                        </g>

                        <g class="node" id="J">
                            <circle class="waveNode" r="3" fill="none" cx="422" cy="310" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="422" cy="310" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="422" cy="310" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="422" cy="310" style="cursor: pointer; fill: url(&quot;#JImage&quot;);"></circle>
                        </g>

                        <g class="node" id="L">
                            <circle class="waveNode" r="3" fill="none" cx="1082" cy="154" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="1082" cy="154" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="1082" cy="154" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="1082" cy="154" style="cursor: pointer; fill: url(&quot;#LImage&quot;);"></circle>
                        </g>

                        <g class="node" id="M">
                            <circle class="waveNode" r="3" fill="none" cx="1259" cy="301" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="1259" cy="301" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="1259" cy="301" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="1259" cy="301" style="cursor: pointer; fill: url(&quot;#MImage&quot;);"></circle>
                        </g>

                        <g class="node" id="N">
                            <circle class="waveNode" r="3" fill="none" cx="1017" cy="195" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="1017" cy="195" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="1017" cy="195" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="1017" cy="195" style="cursor: pointer; fill: url(&quot;#NImage&quot;);"></circle>
                        </g>

                        <g class="node" id="O">
                            <circle class="waveNode" r="3" fill="none" cx="934" cy="117" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="934" cy="117" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="934" cy="117" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="934" cy="117" style="cursor: pointer; fill: url(&quot;#OImage&quot;);"></circle>
                        </g>

                        <g class="node" id="P">
                            <circle class="waveNode" r="3" fill="none" cx="931" cy="214" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="931" cy="214" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="931" cy="214" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="931" cy="214" style="cursor: pointer; fill: url(&quot;#PImage&quot;);"></circle>
                        </g>

                        <g class="node" id="Q">
                            <circle class="waveNode" r="3" fill="none" cx="1109" cy="217" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="1109" cy="217" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="1109" cy="217" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="1109" cy="217" style="cursor: pointer; fill: url(&quot;#QImage&quot;);"></circle>
                        </g>

                        <g class="node" id="R">
                            <circle class="waveNode" r="3" fill="none" cx="936" cy="355" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="936" cy="355" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="936" cy="355" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="936" cy="355" style="cursor: pointer; fill: url(&quot;#RImage&quot;);"></circle>
                        </g>

                        <g class="node" id="S">
                            <circle class="waveNode" r="3" fill="none" cx="1061" cy="319" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="1061" cy="319" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="1061" cy="319" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="1061" cy="319" style="cursor: pointer; fill: url(&quot;#SImage&quot;);"></circle>
                        </g>

                        <g class="node" id="T">
                            <circle class="waveNode" r="3" fill="none" cx="1199" cy="316" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="1199" cy="316" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="1199" cy="316" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="1199" cy="316" style="cursor: pointer; fill: url(&quot;#TImage&quot;);"></circle>
                        </g>
                    </svg>
                </div>
                <h2 class="slogan" style="top: 90px;">数据资源管理平台</h2>
                <!--首屏登录框会追加到这里 -->

                <div class="login-container">
                
                    <div class="login-panel" style="display:block">
                        <form class="form-control loginForm easyui-form" id="ff" method="post" action="" data-options="novalidate:true">
                            <div class="input-group email">
                                <i class="icon-login icon-login-name"></i>
                                <input type="text" class="email-input error" value="" name="user_name" id="user_name" placeholder="用户名">
                            </div>
                            <div class="input-group password">
                                <i class="icon-login icon-login-password"></i>
                                <input type="password" class="password-input" name="password" id="password" placeholder="密码">
                            </div>
                            <p class="login-error-tips"></p>
                            <!-- 
                            <div class="login-remember clearFix">
                                <label class="remember-id pull-left">
                                    <i class="icon-login icon-login-checkbox "></i>

                                    <input type="hidden" name="rememberPassword" value="0">

                                    <span class="remember-txt">记住帐号</span>
                                </label> 
                            </div>
                             -->
                        </form>
                        <div class="login-submit">
                            <a href="javascript:login();"><button type="button" class="btnLogin btn btn-primary">登录</button></a>
                            <button type="button" class="btn btn-primary btn-loading" style="display: none;">
                                    <i class="icon-loading-white"></i>登录中</button>
                        </div>
                       
                    </div>
                    <!-- login-panel / -->

                </div>
                <!--首屏登录框 -->
            </div>
<script> 
            
$(function() {
	//获取焦点样式
	$("#ff :input").focus(function() {
		$(this).parent().addClass("actived");
	}).blur(function() {
		$(this).parent().removeClass("actived");
	});
	
	//设置默认焦点,并将光标移到最后
	{
		var theValue =$("#user_name").val(); 
		$("#user_name").val("").focus().val(theValue); //其原理就是获得焦点后重新把自己复制粘帖一下 
	}
	
	//处理回车事件
	$(window).keydown(function(event){//按键事件
		if(event.keyCode==13) //回车 或 tab键
		{
			var theId = $(':focus').attr("id");
			if(theId == "user_name")
			{//如果焦点是用户名，则将焦点称到密码
				var theValue =$("#password").val(); 
				$("#password").val("").focus().val(theValue); 
			}
			else if(theId == "password")
			{//如果焦点是密码，则直接登录
				login();
			}
		}
	});
	
	
});            

            

function login() {
	if($("#ff").form('enableValidation').form('validate')) {
		var param = {"user_name":$(":input[name='user_name']").val(), "password":$(":input[name='password']").val(), "sysCode":"${sys.code!''}"};
		$.post("${basePath}/login", param, function(data) {
			if(data.code == "01") {
				location.href = "${basePath}/base/main/index/${sys.code!''}";
			}else {
				//showWarnMsg(data.msg);
				 $('.btnLogin').show();
                 $('.btn-loading').hide();
                 $(".login-error-tips").html("<i class='icon-login icon-login-error'></i>"+data.msg);
                 // 清空原有的错误值
                $("#ff")[0].reset();
			}
		});
	}
}
            
            
</script>
</body>

</html>